/******************************************************** PROGRESS BAR */
@keyframes progressIndeterminate {
  0% {
    left: 0;
    width: 0;
  }
  70% {
    left: 0;
    width: 100%;
    opacity: 1;
  }
  100% {
    left: 100%;
    opacity: 0;
  }
}

.c-progress-bar {
  background: $colorProgressBarHolder;
  display: block;
  min-height: $progressBarMinH;
  overflow: hidden;
  width: 100%;

  &__bar {
    background: $colorProgressBar;
    height: 100%;
    min-height: $progressBarMinH;

    &.--indeterminate {
      position: absolute;
      animation: progressIndeterminate 1.5s ease-in infinite;
    }
  }
}
